<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021-10-08
  Time: 18:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fim" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
  <head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link href="${pageContext.request.contextPath}/css/personal_center_css.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/layui.css" rel="stylesheet">
  </head>
  <body>
  <!--=========================头部导航================================-->
  <div class="nav">
    <div class="head-logo">
      <a href="" ></a>
    </div>
    <div class="head-nav">
      <ul>
        <li><a href="${pageContext.request.contextPath}/index" class="first-item">首页</a> </li>
        <li><a href="">手机端</a> </li>
        <c:if test="${empty loginCustomer}">
          <li><a href="${pageContext.request.contextPath}/users/login.jsp">成为房东</a> </li>
        </c:if>
        <c:if test="${!empty loginCustomer}">
          <li><a href="${pageContext.request.contextPath}/house_owner/houseadd.jsp">成为房东</a> </li>
        </c:if>
        <c:if test="${empty loginCustomer}">
          <li><a href="${pageContext.request.contextPath}/users/login.jsp">房源订单中心</a> </li>
        </c:if>
        <c:if test="${!empty loginCustomer}">
          <li><a href="${pageContext.request.contextPath}/index/order">房源订单中心</a> </li>
        </c:if>
        <c:if test="${empty loginCustomer}">
          <li><a href="${pageContext.request.contextPath}/users/login.jsp">个人中心</a> </li>
        </c:if>
        <c:if test="${!empty loginCustomer}">
          <li><a href="${pageContext.request.contextPath}/index/personalCenter">个人中心</a> </li>
        </c:if>
        <li><a href="">帮助</a> </li>
      </ul>
    </div>
    <div class="head-login">
      <c:if test="$${empty loginCustomer}">
        <a href="${pageContext.request.contextPath}/users/login.jsp">
          <img class="login-logo" src="${pageContext.request.contextPath}/image/login-logo.svg"/>
          <span class="login-title">登录</span>
        </a>
        <a href="">
          <img class="regist-logo" src="${pageContext.request.contextPath}/image/regist-logo.svg" >
          <span class="login-title">注册</span>
        </a>
      </c:if>
      <c:if test="${!empty loginCustomer}">
        欢迎${loginCustomer.cusNickname}登录，<a href="${pageContext.request.contextPath}/logout">退出</a>
      </c:if>
    </div>
  </div>
  <!--================================main主体部分=================================-->
  <div class="main">

    <div class="main-left">
      <div class="main-left-top">
        <div class="head-img">
          <span><img src="${pageContext.request.contextPath}/image/order_head.jpg"></span>
        </div>
        <div class="authentication"><span><img src="${pageContext.request.contextPath}/image/idyes.svg"></span><a href="">已验证身份</a></div>
      </div>
      <div class="main-left-bottom">
        <h2>${serverResponse.data.cusName}已确认</h2>
        <div class="a"><span class="aa"><img src="${pageContext.request.contextPath}/image/yes.svg"></span><span class="aaa">身份验证</span></div>
        <div class="a"><span class="aa"><img src="${pageContext.request.contextPath}/image/yes.svg"></span><span class="aaa">手机号</span></div>
        <div class="a">
          <a href="${pageContext.request.contextPath}/vip/${loginCustomer.cusId}" class="vip">
            我的会员
          </a>
        </div>
        <div class="a">
          <a href="${pageContext.request.contextPath}/coupon/coupon.jsp" class="coupon">
            我的优惠券
          </a>

        </div>
      </div>
      <div class="liaojie"><a href="">进一步了解</a><span>为什么确认账号信息可以保障爱彼迎社区的安全。</span></div>
    </div>

    <div class="main-right">
      <h1>您好，我叫${serverResponse.data.cusName}</h1>
      <div class="retime"><span>注册时间：<fim:formatDate value="${serverResponse.data.cusDate}" pattern="yyyy-MM-dd"/></span></div>
      <div class="personal-edit"><a href="">编辑个人资料</a>
      </div>
      <div class="main-right-a"><span>★<span class="evaluate_number">s</span>条评价</span></div>
      <div class="main-right-b"><a href="">您写的评价</a> </div>
      <div id="evaluate">
        <ul class="evaluate_list">
          <c:if test="${!empty evaluate}">
            <c:forEach var="info" items="${evaluate.data}" >
              <li>
                <span class="house_name">${info.hotel.hotelName}</span><br/>
                <p class="house_evaluate">${info.evaluate.evaluate}</p>
              </li>
            </c:forEach>
          </c:if>
          <c:if test="${empty evaluate}">
            <li>
              <span>该用户没有评论</span>
            </li>
          </c:if>

        </ul>
      </div>
    </div>
  </div><

  </body>
</html>
